<div class="claro" style="height:80%">
	<h2 class="testSubtitle">Grade report</h2>

	<table>
		<tr>
			<td>
				<div data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-id="classesReportFilterStore" data-dojo-props="url:'getClassesAction.action'"></div>      	
				<label>Classes: </label><input id="classesFilter" data-dojo-attach-point="classesFilter.id" data-dojo-type="dijit.form.FilteringSelect" data-dojo-props="store:classesReportFilterStore, autoComplete:true, name:'classesFilter.id',searchAttr:'name'"></input>
    		</td>
    		<td>&nbsp&nbsp&nbsp</td>
    		<td>
				<div data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-id="studentReportFilterStore" data-dojo-props="url:'getStudentsAction.action'"></div>      	
				<label>Student: </label><input id="studentFilter" data-dojo-attach-point="studentFilter.id" data-dojo-type="dijit.form.FilteringSelect" data-dojo-props="store:studentReportFilterStore, autoComplete:true, name:'studentFilter.id',searchAttr:'name'"></input>
    		</td>
    		<td>&nbsp&nbsp&nbsp</td>
    		<td>
    			<button data-dojo-type="dijit.form.Button" type="button">Reset
				    	<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
							dijit.byId("classesFilter").reset();
							dijit.byId("studentFilter").reset();
   	 					</script>
				</button>
    		</td>
		</tr>
	</table>
	
	<br/>
	
	<div data-dojo-type="my.grid.GradesGrid">
		<div id="grid" data-dojo-attach-point="grid" data-dojo-type="dojox.grid.TreeGrid" defaultOpen="false" data-dojo-props="region:'center',style:'width:100%; padding:0px; margin:0px 0px 2px 0px;'" style="height:500px"></div>
	</div>
	
</div>

